<template>
  <el-main class="user-panel">
    <el-table :data="users">
      <el-table-column prop="id" label="ID" width="50"></el-table-column>
      <el-table-column prop="name" label="Name"></el-table-column>
      <el-table-column prop="email" label="Email"></el-table-column>
      <el-table-column label="Actions">
        <template slot-scope="scope">
          <el-button @click="handleEdit(scope.row)">Edit</el-button>
          <el-button type="danger" @click="handleDelete(scope.row)">Delete</el-button>
        </template>
      </el-table-column>
    </el-table>
  </el-main>
</template>

<script>
export default {
  data() {
    return {
      users: []  // 初始化用户数据
    };
  },
  methods: {
    // handleEdit(user) {
    //   // 编辑逻辑
    // },
    // handleDelete(user) {
    //   // 删除逻辑
    // }
  }
}
</script>

<style scoped>
.user-panel {
  padding: 20px;
}
</style>
